﻿@page "/layouts/container"

<Pager Title="容器(Container)" Description="容器是 Bootstrap 的基本构建块，它在给定的设备或视图中包含、填充和对齐内容。">
	<Demo Title="如何工作">
		<Description>
			容器是 Bootstrap 中最基本的布局元素，在使用默认网格系统时是必需的。容器用于包含、填充和(有时)居中内容。虽然容器可以嵌套，但大多数布局不需要嵌套容器。
		</Description>
		<Code>
			@MD.Write(@"
```html
<Container>固定宽度</Container>
<Container Fluid>宽度永远 100%</Container>
<Container BreakPoint=""BreakPoint.XS"">...</Container>
<Container BreakPoint=""BreakPoint.SM"">...</Container>
<Container BreakPoint=""BreakPoint.MD"">...</Container>
<Container BreakPoint=""BreakPoint.LG"">...</Container>
<Container BreakPoint=""BreakPoint.XL"">...</Container>
<Container BreakPoint=""BreakPoint.XXL"">...</Container>
```
")
		</Code>
	</Demo>
</Pager>